﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/PageMaster.Master" Inherits="System.Web.Mvc.ViewPage<GrupyzServices.BdAccess.OrderDetailViewModel>" %>
<%@ Import Namespace="Helpers" %>
<%@ Import Namespace="RPX.Web.MVC.Extensions"%>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Comprar: <%:Model.Texto%>
</asp:Content>


<asp:Content ID="Content3" ContentPlaceHolderID="barralateral" runat="server">
<script type="text/javascript">
	$(document).ready(function () {
		//hide the all of the element with class msg_body
		$(".msg_body").hide();
		//toggle the componenet with class msg_body
		$(".msg_head").click(function () {
			$(this).next(".msg_body").slideToggle(300);
		});
	});
	function resposta(context) {
		var json = context.get_data();
		var data = Sys.Serialization.JavaScriptSerializer.deserialize(json);
		$("#codDesconto").val("");
		$.notifyBar({ html: data.Mensagem,
			cls: data.MsgErro
		});
	}
</script>
<style type="text/css">
.msg_list {
margin: 0px;
padding: 0px;
width: 100%;
}
.msg_head {
border-bottom:2px solid #80A331;
color:#1D81C1;
cursor:pointer;
font-weight:bold;
margin:1px;
padding:5px 10px;
position:relative;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}

</style>
<div class="cb">
		<div class="bt">
			<div>
			</div>
		</div>
		<div class="i1">
			<div class="i2">
				<div class="i3">
					<h3 style="text-align: center; color: rgb(29, 129, 193); font-weight: bold; border-bottom: 1px solid rgb(122, 204, 246);
						margin-bottom: 7px;">Tens um código de desconto?</h3>
						<div>
						<p style="text-align: center;">Insere aqui o código</p>
						<% using (Ajax.BeginForm("ValidaCodigo", new AjaxOptions { OnSuccess = "resposta" })) { %>
						<%: Html.TextBox("codDesconto", null, new {style="width:100%;margin-top:-9px" })%>
						<input type="submit" value="Validar" class="btn blue" style="width:100px;float:right;" />
						<%} %>
						</div>
				</div>
			</div>
		</div>
	</div>
	<div class="bb">
		<div>
		</div>
	</div>

	<div class="cb">
		<div class="bt">
			<div>
			</div>
		</div>
		<div class="i1">
			<div class="i2">
				<div class="i3">
					<h3 style="text-align: center; color: rgb(29, 129, 193); font-weight: bold; border-bottom: 1px solid rgb(122, 204, 246);
						margin-bottom: 7px;">Questões sobre a compra?</h3>
<div class="msg_list">
<p class="msg_head">Comprei e agora?</p>
<div class="msg_body">
Passados alguns momentos após a compra, receberás um recibo no email a confirmar o pagamento e outro com as instruções para imprimir o teu voucher.
Caso o negócio ainda não se tenha concretizado, irás receber um email informativo da compra. Assim que o negócio se conclua, receberás o recibo e o voucher.
</div>
<p class="msg_head">Se for uma oferta?</p>
<div class="msg_body">
Assim que o negócio se concretize e que o valor seja debitado, o voucher será enviado para o email do amigo indicado ou então irá para ti, caso tenhas escolhido imprimir a oferta.
</div>
<p class="msg_head">Posso alterar ou cancelar?</p>
<div class="msg_body">
Sim. Podes alterar a compra, desde que o negócio não esteja finalizado e ainda não tenhas impresso nenhum voucher desse negócio. Poderás consultar os teus negócios na área de cliente. 
</div>
<p class="msg_head">É seguro?</p>
<div class="msg_body">
Muito. Pelo simples facto de não te pedirmos, nem armazenarmos os dados do cartão de crédito. Além disso, utilizamos um método de pagamento universal e muito seguro, o Paypal.
</div>
</div>
				</div>
			</div>
		</div>
	</div>
	<div class="bb">
		<div>
		</div>
	</div>
	<!--Parceiros-->
		<% Html.RenderPartial("LateralNegocioConhecido"); %>
	<!--Parceiros-->
	<!--Comerciais-->
		<% Html.RenderPartial("LateralComerciais"); %>
	<!--Comerciais-->

</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
   <script src="../../Scripts/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>
   <link href="../../../Content/jquery-ui/cupertino/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" />
	<script src="../../Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
			<script type="text/javascript">

				$(document).ready(function () {
					    $('.dropQtd').bind("change", function () {
						    $.post("/Deal/ActualizaValor", { id: "<%:Model.DealId %>", qtd: this.value }, function (data) {
							    $('#total').text(String(data.CartTotal.toFixed(2)).replace('.', ',') + "€");
			            });
                    });
                    $('#dropPontos').bind("change", function () {
						$.post("/Deal/ActualizaPontos", { id: "<%:Model.DealId %>", pontos: this.value }, function (data) {
							$('#total').text(String(data.CartTotal.toFixed(2)).replace('.', ',') + "€");
						});
                    });

					$('#lkPromo').click(function () {
						$('#dialog-form').dialog('open');
					});


					$("#dialog-form").dialog({
						autoOpen: false,
						height: 469,
						width: 432,
						modal: false,
						buttons: {
							'Gravar': function () {
								$("#subDadosOferta").click();
							},
							'Cancelar': function () {
								$(this).dialog('close');
							}
						},
						close: function () {
							//limpar campos
						}
					});

				});

		   


		</script>
<% Html.EnableClientValidation(); %>
<div style="MIN-HEIGHT: 300px">

<div>
	<h5 class="titulo">
		Confirma a tua compra
	</h5>
</div>
	<div class="detalheCompra">
	<h2 style="margin-bottom: 40px;"><a href="/Deal/<%: Model.DealId +"-"+ Model.Descricao %>"><%: Model.Texto%></a></h2>
	<h4>Quantidades e descontos:</h4>
	<div>
		  <table class="tblCompra">
			  <tbody><tr>
				<td>
				  <label>Quantidade</label>
				</td>
				<td> 
					<%: Html.DropDownList("dropQtd", new SelectList(Model.ListaItems, Model.Quantidade), new { id = "dropQtd", @class = "dropQtd" })%>
				</td>
				<td class="sinal">×</td>
				<td class="preco"><%: Model.ValorUn %>€</td>
				<td class="sinal">=</td>
				<td class="total">
				  <span id="total"><%: Model.Total %>€</span>
				</td>
			  </tr>
			  <tr>
              <%if (Request.IsAuthenticated)
                {  %>
			  <td style="padding-bottom: 10px;"><label>Descontar pontos</label><span style="font-size: 9px;">max: 5 pontos</span></td>
              <td style="padding-bottom: 10px;">
              		<%: Html.DropDownList("dropPontos", new SelectList(Model.Pontos, 0), new { id = "dropPontos", @class = "dropPontos" })%>
              </td>
			  <td></td>
              <td ></td>
                <td></td>
                <td></td>
                <%} %>
			  </tr>
			</tbody>
		 </table>
		 <div class="detalhes" style="width: 420px;">
			<h5>Ao comprar aceitas estas condições</h5>
			<ul>
			<% foreach (var item in Model.Condicoes)
				{    
				%>
					<li><%:item %></li>
				<%   
				} %>
			</ul>
		 </div>
		 <div>
			<% if (Request.IsAuthenticated && Model.Oferta){ %>
				<h6 style="margin-top:10px;margin-bottom:10px;">
				Vais oferecer este cupão a um amigo? Preenche os dados da oferta <a href="#" id="lkPromo">aqui</a>
				</h6>
			<%} %>
		 </div>
		</div>
	</div>
	<div  style="float: left; margin-left: 28px; border-right: 2px solid black; border-width: 0px 2px 2px; border-style: none solid solid; border-color: -moz-use-text-color black black; margin-top: -19px;">
		<%: Html.Image(Model.Imagem, new { style = "height: 166px; width: 212px;" })%>
	</div>

	<% if (!Request.IsAuthenticated)
	   { %>
	   <script type="text/javascript">
//		   $(document).ready(function () {
//			   $("#footer").css("position", "absolute");
//		   });
	   </script>
	   <div style="margin-top:20px;float:left;">
		  <h5>Precisas fazer [<%: Html.ActionLink("Login", "LogOn", "Account") %>] para concluir a compra!</h5>
	   </div>
	<%}else if(Model.Oferta) { %>
		<div id="dialog-form" title="Dados para oferta">
		<% Html.RenderPartial("DadosOferta", Model); %>
		</div>
		<%   } %>
</div>
<div class="clear"></div>
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="PainelBaixo" runat="server">
	
	<% if (Request.IsAuthenticated)
	   { %>
		   <div class="panel gutter">
		<div class="panel-header">
			&nbsp;
		</div>
		<div class="panel-body">
		<div style="MIN-HEIGHT: 450px">
		<div class="DadosCheckout">
		<h5 class="titulo" style="background: url('../../Content/images/lock.gif') no-repeat scroll 0pt 5px transparent; padding-left: 26px; padding-top: 4px; margin-bottom: 10px;">Os teus dados</h5>
		<br />
			<% Html.RenderAction("Checkout", "Checkout"); %>  
		</div>
		</div>
		</div>
		<div class="clear"></div>
		<div class="panel-footer">
			&nbsp;</div>
		</div>
		
	<%}%>

</asp:Content>

